import Vue from 'vue'
import SvgIcon from '@/components/SvgIcon'// svg component

// 自动化导入的最后结果和手动导入完全相同
// 手动导入 方便理解
// import './svg/dashboard.svg'
// import './svg/dashboard.svg'
// import './svg/dashboard.svg'
// import './svg/dashboard.svg'
// import './svg/dashboard.svg'
// import './svg/dashboard.svg'
// import './svg/dashboard.svg'
// import './svg/dashboard.svg'
// import './svg/dashboard.svg'
// import './svg/dashboard.svg'

// register globally
// 全局注册svg-icon
// <svg-icon></svg-icon>
Vue.component('svg-icon', SvgIcon)

// require.context(directory, useSubdirectories, regExp)
// 1.directory => 查找的目录
// 2.useSubdirectories => 是否查找子目录
// 3.regExp => 正则

const req = require.context('./svg', false, /\.svg$/)
// 这里获取得到的是: 将来要处理的路径的数组, 将来可以统一导入
// console.log(req.keys())

// 目的: 对于提供好的路径的集合, 进行统一的导入
const requireAll = requireContext => {
  // console.log(requireContext)
  return requireContext.keys().map(requireContext)
}

// 结果: 所有的svg都被导入了
requireAll(req)

// 上面到底干嘛?  自动化导入 => 方便导入

// 说明: 我们先到这里, svg的高级使用姿势=> svg-sprites(svg精灵图) => svg-sprites-loader(webpack插件)

// svg-sprites-loader目的: 将来统一导入的svg都会被装到一个大容器
// 容器: 11个
